<template lang="html">
  <el-tabs v-model="activeName" type="card" @tab-click="handleClick" class="big-tab">
    <el-tab-pane label="首页" name="first">
      <little-upload path="home"></little-upload>
    </el-tab-pane>
    <el-tab-pane label="关于云耐" name="second">
      <little-upload path="about"></little-upload>
    </el-tab-pane>
    <el-tab-pane label="服务项目" name="third">
      <little-upload path="server"></little-upload>
    </el-tab-pane>
    <el-tab-pane label="案例展示" name="fourth">
      <little-upload path="case"></little-upload>
    </el-tab-pane>
    <el-tab-pane label="招标服务" name="fifth">
      <little-upload path="call-bids"></little-upload>
    </el-tab-pane>
    <el-tab-pane label="动态资讯" name="sixth">
      <little-upload path="dynamic"></little-upload>
    </el-tab-pane>
    <el-tab-pane label="联系我们" name="seventh">
      <little-upload path="concat"></little-upload>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import LittleUpload from 'components/backend/little-upload/little-upload.vue'
export default {
  data() {
    return {
      activeName: 'first'
    }
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  },
  components: {
    LittleUpload
  }
}
</script>

<style lang="scss">
.big-tab{
  margin-left: 40px;
  margin-right:20px;
}
</style>
